<template>
  <provide-context>
    <div class="list">
      <card>
        <template #title>
          <div class="title-wrap">
            <span>{{ pageTitle }}</span>
          </div>
        </template>
        <template #more>
          <search />
        </template>
        <template #content>
          <project-data />
        </template>
      </card>
    </div>
  </provide-context>
</template>
<script lang="ts" setup>
import card from '@/components/card.vue'
import ProjectData from '@/views/catalog-management/project-data.vue'
import ProvideContext from '@/views/db-management-personal/provide-context.vue'
import Search from '@/views/catalog-management/search.vue'

let pageTitle = '个人数据'
</script>
<style scoped lang="less">
.list {
  height: 100%;
  flex: 1;
  overflow: hidden;
  .title-wrap {
    display: flex;
    white-space: nowrap;
    align-items: center;
    span {
      margin-right: 12px;
    }
  }
}
</style>
